<template>
  <a-config-provider :autoInsertSpaceInButton="false">
    <div id="app">
      <router-view/>
    </div>
  </a-config-provider>
</template>

<script>
export default {
  async created() {
    await this.Util.getCityList()
  },
}
</script>

<style lang="less">
html,
body,
#app {
  width: 100%;
  height: 100%;
}

.flex {
  display: flex;
}

.align_center {
  align-items: center;
}

.justify_between {
  align-items: center;
  justify-content: space-between;
}

.justify_center {
  align-items: center;
  justify-content: center;
}

.main-container {
  height: 100%;
}

.pages-container {
  min-height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.pages-tools-box {
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}

.pagination {
  text-align: right;
  flex-shrink: 0;
}

.pages-content {
  margin: 10px 0;
  flex: 1;
}

.detail-form {
  margin-top: 60px !important;
}

.is-hide {
  display: none;
}

.no-data {
  text-align: center;
  font-size: 12px;
  color: #999;
  padding: 30px 0;
}

.list-loop{
  font-size: 10px;
  color: #666;
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
}
.list-loop:last-child {
  border-bottom: 0;
}
.list-loop p{
  margin-bottom: 0;
}

.color-0 {color: #999999}
.color-1 {color: #ff8f18
}
.color-2 {color: #64d025
}
.color-3 {color: #ff7f7f
}
.color-4 {color: #ef3131
}
.color-5 {color: #51f3f3
}
.color-6 {color: #912fd4
}
</style>
